<template>
  <div class="app-main-content" style="height: 96%">
    <div style="height: calc(50% - 24px)">
      <baseTable />
    </div>
    <el-divider></el-divider>
    <div style="height: calc(50% - 24px)">
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="客商地址信息" name="second"> </el-tab-pane> 
        <el-tab-pane label="银行信息" name="first"> </el-tab-pane>
      </el-tabs>
      <addressTable v-show="isClick" />
      <bannInfoTable v-show="!isClick" />
    </div>
    <!-- <scmsa-split
      split="horizontal"
      :min-percent="10"
      :default-percent="50">
      <template slot="paneL">
        <baseTable />
      </template>
      <template slot="paneR">
        <addressTable />
      </template>
    </scmsa-split> -->
  </div>
</template>
<script>
import baseTable from './components/baseTable'
import addressTable from './components/addressTable'
import bannInfoTable from './components/bankInfoTable'
export default {
  name: 'SplitTable',
  components: {
    baseTable,
    addressTable,
    bannInfoTable,
  },
  data() {
    return {
      activeName: 'first',
      isHave: false,
    }
  },
  methods: {
    handleClick() {
      this.isClick = !this.isClick
    },
  },
}
</script>
